diff options
| author | Factiven <[email protected]> | 2023-06-27 15:17:47 +0000 |
|---|---|---|
| committer | Factiven <[email protected]> | 2023-06-27 15:17:47 +0000 |
| commit | 3b3517e7719549e7eba093dc4959947d3c59e1b2 (patch) | |
| tree | 7ec447a545a09fa9e35999868c1293714c100243 /pages/anime/[...id].js | |
| parent | removed console.log (diff) | |
| download | moopa-3b3517e7719549e7eba093dc4959947d3c59e1b2.tar.xz moopa-3b3517e7719549e7eba093dc4959947d3c59e1b2.zip | |
minor ui adjustment on mobile devices
Diffstat (limited to 'pages/anime/[...id].js')
| -rw-r--r-- | pages/anime/[...id].js | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/pages/anime/[...id].js b/pages/anime/[...id].js index a5429ed..0473236 100644 --- a/pages/anime/[...id].js +++ b/pages/anime/[...id].js @@ -555,7 +555,7 @@ export default function Info({ info, color, api }) { )} </div> <div - className={`w-screen lg:w-full grid lg:grid-cols-3 justify-items-center gap-7 lg:pt-7 lg:pb-5 px-3 lg:px-4 pt-4 rounded-xl`} + className={`w-screen lg:w-full flex gap-5 overflow-x-scroll snap-x scroll-px-5 scrollbar-none lg:grid lg:grid-cols-3 justify-items-center lg:pt-7 lg:pb-5 px-3 lg:px-4 pt-4 rounded-xl`} > {info?.relations?.edges ? ( info?.relations?.edges @@ -580,13 +580,13 @@ export default function Info({ info, color, api }) { info?.title.native )}` } - className={`hover:scale-[1.02] hover:shadow-lg lg:px-0 px-4 scale-100 transition-transform duration-200 ease-out w-full ${ + className={`lg:hover:scale-[1.02] snap-start hover:shadow-lg scale-100 transition-transform duration-200 ease-out w-full ${ rel.type === "MUSIC" ? "pointer-events-none" : "" }`} > <div key={rel.id} - className="w-full shrink h-[126px] bg-secondary flex rounded-md" + className="w-[400px] lg:w-full h-[126px] bg-secondary flex rounded-md" > <div className="w-[90px] bg-image rounded-l-md shrink-0"> <Image |